<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	header, footer, nav, section, article {
		width: 200px;
		height: 200px;
		margin: 10px;
		background-color: pink;
		display: block;
	}
	</style>
	<!-- 2. 但是创建标签的方式太麻烦，我们此时用一个js文件包， 就可以解决ie低版本不认识html5标签的难问题了 -->
	<!-- 条件注释  ie 6.7.8 能执行，其余浏览器忽略这句话 -->
	<!--[if lt IE 9]>   

	   <script src="js/html5shiv.min.js"></script> 

	<![endif]-->
	

</head>
<body>
<!-- 1.想要ie低版本能够认识 html5 新标签  创建标签的方式 -->
<!-- <script>
	document.createElement("header");  // 创建 header标签
	document.createElement("footer");  // 创建 footer
</script> -->

<header>123</header>
<footer>abc</footer>
<nav>123</nav>
<section>bbc</section>
<article>123</article>
</body>
</html>